<script setup>
import {ref} from 'vue'
import demo1 from './components/demo1.vue'
import demo2 from './components/demo2.vue'
import demo3 from './components/demo3.vue'
import demo5 from './components/demo5.vue'
import demo4 from './components/demo4.vue'
import demo6 from './components/demo6.vue'
import demo7 from './components/demo7.vue'
import demo8 from './components/demo8.vue'
import demo9 from './components/demo9.vue'

let data = ref('父组件数据')
let fn = (data) =>
{
  console.log('子组件传递过来数据')
  console.log(data)
}
</script>

<template>
  
  <demo1 />
  <demo2 />
  <demo3 />
  <demo5 />
  <demo4 />
  <demo6 />
  <demo7 :prop-c="'hello'"></demo7>
  <demo8 :data="data" @test="fn" />
  <demo9 />
</template>


